<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title> <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/index.css">
    <style>
html{font-size: 50px;}

    </style>
</head>
<body>
   
    <div class="container">

        <!-- 头部 -->
        <header>
            <div class="header">

                <img class="search" src="images/search.png" alt="">
                <h1>首页</h1>
                <img class="action" src="images/action.png" alt="">
            </div>
</header>
<!-- 轮播图 -->
<div class="rotation">
    <img class="ad" src="images/ad-01.jpg" alt="">
</div>
   <!-- 导航栏 -->
   <nav>

    <ul class="nav">

        <li><a href=""><img src="images/nav-01.jpg" alt=""><span>秒杀商品</span></a></li>
        <li><a href=""><img src="images/nav-02.jpg" alt=""><span>家用电器</span></a></li>
        <li><a href=""><img src="images/nav-03.jpg" alt=""><span>生活用品</span></a></li>
        <li><a href=""><img src="images/nav-04.jpg" alt=""><span>全部分类</span></a></li>
    </ul>

</nav>
  <!-- 猜你喜欢 -->
  <div class="nav_title clearfix ">
    <span>猜你喜欢</span>
    <span>查看更多</span>
</div>
<div class="like">
    <ul class="like_list">
        <li><img src="images/good01.png " alt="">
            <span>
                <p>新款真皮沙发</p>
                <p>¥256.00</p>
            </span></li>
        <li><img src="images/good02.png" alt=""><span>
                <p>新款真皮沙发</p>
                <p>¥256.00</p>
            </span></li>
        <li><img src="images/good03.png" alt=""><span>
                <p>新款真皮沙发</p>
                <p>¥256.00</p>
            </span></li>
    </ul>
</div>
    <!-- 特价销售 -->
    <div class="nav_title clearfix ">
        <span>天天特价</span>
        <span>查看更多</span>
    </div>


    <div class="sales">
        <li><img src="images/sales-01.jpg" alt="">
            <p>单人沙发椅可拆洗懒人沙发小户型客厅卧室
                沙发现代简约休闲椅可调</p>
            <p>¥999.00</p>
            <img class="arrow" src="images/arrow01.jpg" alt="">
        </li>
           
           
        </ul>

    </div>

<footer>

    <div class="footer">
        <ul class="footer-nav">
            <li>
                <a href="index.html">
                    <img src="images/icon01-a.jpg" alt="">
                    <span>首页</span>
                </a></li>
            <li><a href=""><img src="images/icon02.jpg" alt="">
                    <span>分类</span></a></li>
            <li><a href="">
                    <img src="images/icon03.jpg" alt="">
                    <span>购物车</span></a></li>
            <li><a href="me.html">
                    <img src="images/icon04.jpg" alt="">
                    <span>我的</span></a></li>
        </ul>
    </div>
</footer>
</div>
</body>
</html>